<template>
  <div class="hello">
    <div class="headerTitle">
      <a @click.stop="gotoBack" class="iconfont icon-back_light"></a>
      <span>会员全网VIP免费看</span>
    </div>
    <div class="indexHeader">
      <img src="/static/img/titleimg.jpg" alt="">
    </div>
    <iframe name="asdf" :src="urls" frameborder="0" :style="{height: iframeWidth+'px'}"></iframe>
    <a class="bottomBtn" @click.stop="gotoLogin">登录会员,无限制观看</a>

  </div>
</template>

<script>
  import router from '../router/index'
  export default {
    name: "HelloWorld",
    data() {
      return {
        winHeight: $(window).innerHeight(),
        urlPath: "",
        urls: "",
        iframeWidth:''
      };
    },
    mounted(){
      let that = this
      that.iframeWidth = $('iframe').innerWidth()
    },
    created() {
      let that = this
      that.iframeWidth = $('iframe').innerWidth()
      that.urls = "http://vip.1717yun.com/letuan.php?url=" + this.$route.params.id
    },
    methods: {
      gotoLogin: function() {
        router.push({
          path: '/login'
        })
      },

      gotoBack: function() {
        history.go(-1)
      }
    }
  };
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  iframe {
    width: 100%;
  }
  * {
    box-sizing: border-box;
  }
</style>
